<template>
  <div>
    <h1>开始使用</h1>
    <h4>全局导入</h4>
    <div class="box1 markdown-body">
      <getStarted-md></getStarted-md>
    </div>
    <h4>按需引入</h4>
    <div class="box1 markdown-body">
      <getStarted1-md></getStarted1-md>
    </div>
  </div>
</template>

<script>
import GetStartedMd from '@/markdown/GetStarted/GetStarted.md'
import GetStarted1Md from '@/markdown/GetStarted/GetStarted1.md'
export default {
  name: "GetStarted",
  components: {
    GetStartedMd,
    GetStarted1Md
  }
};
</script>

<style  scoped>
   h1 {
    margin-bottom: 10px;
  }
  h4 {
    margin-top: 20px;
  }
  .box1 {
     width: 1000px;
     margin-top: 20px;
     border: 1px #ccc solid;
     border-radius: 5px;
     padding-top: 10px;
     box-shadow: 7px 7px 7px -3px rgba(0, 0,0, .2);
   }
</style>
